<template>
    <div class="w-72 bg-white absolute -left-24 mt-4 z-50 rounded-md flex p-4 duration-300">
        <el-tabs v-model="activeName" class="w-full">
            <el-tab-pane label="主题" name="theme">
                <div class="flex flex-col items-start gap-4 overflow-hidden rounded-md p-6">
                    <div class="flex items-center justify-center gap-4 w-full flex-wrap theme">
                        <div class="relative flex h-[50px] w-[50px] items-center justify-center"
                            @click="changeTheme('s_blue')">
                            <input type="radio" name="gender" value="s_blue"
                                class="peer z-10 h-full w-full cursor-pointer opacity-0" />
                            <div
                                class="absolute h-full w-full rounded-full bg-blue-100 p-4 shadow-sm shadow-[#00000050] ring-blue-400 duration-300 peer-checked:scale-110 peer-checked:ring-2">
                            </div>
                            <div
                                class="absolute -z-10 h-full w-full scale-0 rounded-full bg-blue-200 duration-500 peer-checked:scale-[500%]">
                            </div>
                            <svg t="1710917284381" class="icon absolute fill-blue-400" viewBox="0 0 1024 1024"
                                version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16901" width="40" height="40">
                                <path
                                    d="M588.8 182.08c-23.52 12.48-52.64 35.36-89.6 60.96-57.12 39.68-62.72 118.4-62.72 118.4a231.04 231.04 0 0 1 66.72 136 544.8 544.8 0 0 1 48.8-25.44 222.72 222.72 0 0 1 33.44-14.72c60.64-61.12 59.2-214.56 3.36-275.2z"
                                    fill="#80C15A" p-id="16902"></path>
                                <path
                                    d="M491.52 524.48v-20.96c-1.6-80-83.68-135.68-84.48-136.32l-3.36-2.24v-4c0-3.2-4.64-78.88 55.52-120.64a8 8 0 1 1 9.12 13.12c-45.76 32-48 87.84-48 102.72 16 11.2 76.64 59.04 86.88 129.6a176.8 176.8 0 0 1 72-32c25.76-22.24 42.56-64 45.92-116.32 3.84-60.16-11.52-120.48-38.72-152a374.88 374.88 0 0 1-32 18.4c-9.28 4.8-19.68 10.4-31.04 16a8 8 0 0 1-7.84-13.92c11.52-6.4 22.08-12 32-16.96a290.24 290.24 0 0 0 33.76-19.36 11.68 11.68 0 0 1 16 1.28c32 34.08 49.92 99.52 45.6 166.72-3.68 57.28-23.04 104.32-53.12 128.96l-1.6 1.28h-2.08s-51.04 8.96-77.44 39.52z"
                                    fill="#7B365D" p-id="16903"></path>
                                <path
                                    d="M339.04 690.24m-160.16 0a160.16 160.16 0 1 0 320.32 0 160.16 160.16 0 1 0-320.32 0Z"
                                    fill="#6E94FF" p-id="16904"></path>
                                <path
                                    d="M339.04 529.92a160 160 0 0 1 126.4 62.08 160 160 0 1 0-252.8 0 160 160 0 0 1 126.4-62.08z"
                                    fill="#6E94FF" p-id="16905"></path>
                                <path d="M365.28 532.32A160 160 0 0 1 264.64 832a160 160 0 1 0 100.64-299.68z"
                                    fill="#464B9B" p-id="16906"></path>
                                <path
                                    d="M339.04 858.4A168.16 168.16 0 1 1 507.2 690.24a168.32 168.32 0 0 1-168.16 168.16z m0-320a152.16 152.16 0 1 0 152.16 152.16 152.32 152.32 0 0 0-152.16-152.64z"
                                    fill="#7B365D" p-id="16907"></path>
                                <path
                                    d="M339.04 333.12c-5.44 0-10.72 0-16 0.8a160 160 0 0 1 123.52 237.92A160 160 0 0 1 465.44 592a160 160 0 0 0-126.4-258.56z"
                                    fill="#464B9B" p-id="16908"></path>
                                <path
                                    d="M465.44 604.8l-6.24-8.16a152.16 152.16 0 0 0-240 0l-6.24 8.16-6.24-8.16a166.56 166.56 0 0 1-35.52-103.36 168.16 168.16 0 1 1 336 0 166.56 166.56 0 0 1-35.52 103.36z m-126.4-263.68a152.32 152.32 0 0 0-152.16 152.16 150.56 150.56 0 0 0 26.24 85.44 168.16 168.16 0 0 1 252 0 150.56 150.56 0 0 0 26.24-85.44 152.32 152.32 0 0 0-152.32-152.16z"
                                    fill="#7B365D" p-id="16909"></path>
                                <path
                                    d="M273.12 601.12a8 8 0 0 1-5.12-14.08 108.32 108.32 0 0 1 69.6-21.28 8 8 0 0 1-2.72 16 92.16 92.16 0 0 0-56.64 17.76 8 8 0 0 1-5.12 1.6zM248.96 620.16a8 8 0 0 1-5.92-13.44l4.48-4.64a8 8 0 1 1 11.36 11.36l-4 4.16a8 8 0 0 1-5.92 2.56z"
                                    fill="#FFFFFF" p-id="16910"></path>
                                <path
                                    d="M624 455.36a160 160 0 0 0-127.04 62.72 160 160 0 0 1-32 72.96V592a160 160 0 0 1 33.28 97.76 161.44 161.44 0 0 1-1.6 23.2A160 160 0 1 0 624 455.36z"
                                    fill="#8DBBFF" p-id="16911"></path>
                                <path
                                    d="M764.16 424.16A112 112 0 0 0 677.44 464a160 160 0 0 1 105.44 128c76.48-57.6 76.48-211.36 76.48-211.52a117.76 117.76 0 0 1-95.2 43.68zM859.2 380.32"
                                    fill="#46C373" p-id="16912"></path>
                                <path
                                    d="M312.96 675.04a49.12 49.12 0 0 0 29.12 50.4 49.12 49.12 0 0 0-29.12 50.4 49.12 49.12 0 0 0-58.08 0 49.12 49.12 0 0 0-29.12-50.4 49.12 49.12 0 0 0 29.12-50.4 49.12 49.12 0 0 0 58.08 0zM663.52 612.48a55.04 55.04 0 0 0 32 56.32 55.04 55.04 0 0 0-32 56.32 55.04 55.04 0 0 0-64.96 0 55.04 55.04 0 0 0-32-56.32 55.04 55.04 0 0 0 32-56.32 55.04 55.04 0 0 0 64.96 0zM368 375.36a42.56 42.56 0 0 0 29.12 44.16A42.56 42.56 0 0 0 368 464a54.88 54.88 0 0 0-58.08 0 42.56 42.56 0 0 0-29.12-44.16 42.56 42.56 0 0 0 29.12-44.16 54.88 54.88 0 0 0 58.08-0.32z"
                                    fill="#464B9B" p-id="16913"></path>
                                <path
                                    d="M347.52 712.64a35.2 35.2 0 0 1-20.96-36.16 13.76 13.76 0 0 0-22.56-12.64 35.2 35.2 0 0 1-41.76 0 13.76 13.76 0 0 0-21.92 12.64 35.2 35.2 0 0 1-20.96 36.16 13.76 13.76 0 0 0 0 25.28 35.2 35.2 0 0 1 20.96 36.16 13.76 13.76 0 0 0 21.92 12.64 35.2 35.2 0 0 1 41.76 0 13.76 13.76 0 0 0 21.92-12.64 35.2 35.2 0 0 1 20.96-36.16 13.76 13.76 0 0 0 0-25.28z m-43.36 48a75.36 75.36 0 0 0-40.64 0 75.36 75.36 0 0 0-20.32-35.2 75.36 75.36 0 0 0 20.32-35.2 75.36 75.36 0 0 0 40.64 0 75.36 75.36 0 0 0 20.32 35.2A75.36 75.36 0 0 0 304 760.48zM402.08 406.56a28.96 28.96 0 0 1-20.32-29.44 13.76 13.76 0 0 0-21.12-13.28 41.12 41.12 0 0 1-43.2 0 13.76 13.76 0 0 0-21.12 13.28 28.96 28.96 0 0 1-20.32 29.44 13.76 13.76 0 0 0 0 25.76 28.96 28.96 0 0 1 20.32 29.44 13.76 13.76 0 0 0 21.12 13.28 41.12 41.12 0 0 1 43.2 0 13.76 13.76 0 0 0 21.12-13.28A28.96 28.96 0 0 1 402.08 432a13.76 13.76 0 0 0 0-25.76z m-40.96 44a89.92 89.92 0 0 0-44.32 0 71.04 71.04 0 0 0-19.52-31.04 71.2 71.2 0 0 0 19.52-31.04 89.92 89.92 0 0 0 44.32 0 71.04 71.04 0 0 0 19.52 31.04 71.04 71.04 0 0 0-19.52 31.04z"
                                    fill="#7B365D" p-id="16914"></path>
                                <path
                                    d="M283.84 711.52a13.76 13.76 0 1 0 9.76 4 13.92 13.92 0 0 0-9.76-4zM631.04 660.8a13.76 13.76 0 1 0 9.76 4 13.92 13.92 0 0 0-9.76-4zM339.04 405.6a13.76 13.76 0 1 0 9.76 4 13.92 13.92 0 0 0-9.76-4z"
                                    fill="#7B365D" p-id="16915"></path>
                                <path d="M650.56 457.6a160 160 0 0 1-100.64 299.68 160 160 0 1 0 100.64-299.68z"
                                    fill="#6E94FF" p-id="16916"></path>
                                <path
                                    d="M624 784a167.2 167.2 0 0 1-133.12-65.44l-2.08-2.72v-3.36a153.6 153.6 0 0 0 1.6-22.08 150.72 150.72 0 0 0-32-92.96l-2.08-2.56 0.96-7.04 1.28-1.6a152 152 0 0 0 29.6-69.28v-2.08l1.28-1.6A168.16 168.16 0 1 1 624 784z m-118.4-72.64a152.16 152.16 0 1 0-1.12-189.76 168.32 168.32 0 0 1-29.12 70.4 166.56 166.56 0 0 1 32 98.4 170.4 170.4 0 0 1-1.44 20.64z"
                                    fill="#7B365D" p-id="16917"></path>
                                <path
                                    d="M701.6 681.44a13.76 13.76 0 0 0 0-25.28 41.12 41.12 0 0 1-24.32-42.24 13.76 13.76 0 0 0-21.28-12.64 41.12 41.12 0 0 1-48 0 13.76 13.76 0 0 0-21.92 12.64A41.12 41.12 0 0 1 560 656a13.76 13.76 0 0 0 0 25.28 41.12 41.12 0 0 1 24.32 42.24 13.76 13.76 0 0 0 21.92 12.64 41.12 41.12 0 0 1 48 0 13.76 13.76 0 0 0 21.92-12.64 41.12 41.12 0 0 1 25.44-42.08zM656 711.84a84.64 84.64 0 0 0-49.6 0 84.64 84.64 0 0 0-24.8-43.04 84.64 84.64 0 0 0 24.8-43.04 84.64 84.64 0 0 0 49.6 0 84.64 84.64 0 0 0 24.8 43.04A84.64 84.64 0 0 0 656 711.84zM776.8 606.24l-1.92-13.28a152.16 152.16 0 0 0-133.6-128h-2.72l-6.88-6.56 2.88-6.56a139.2 139.2 0 0 1 112-53.92 230.72 230.72 0 0 0 102.72-20 12.64 12.64 0 0 1 12.48 0 12.32 12.32 0 0 1 5.6 10.88c-1.28 36.16-11.04 158.24-80 209.76zM656 450.24A168.16 168.16 0 0 1 788 576c51.36-49.6 60.96-150.56 62.72-182.88a254.56 254.56 0 0 1-104.48 19.04A125.76 125.76 0 0 0 656 450.24zM488.16 439.36a8 8 0 0 1-7.2-8.64 324.96 324.96 0 0 1 43.68-131.52 8 8 0 1 1 13.28 8.96A313.6 313.6 0 0 0 496 432a8 8 0 0 1-7.84 7.36z"
                                    fill="#7B365D" p-id="16918"></path>
                                <path
                                    d="M738.72 504a7.84 7.84 0 0 1-3.2 0 8 8 0 0 1-4.16-10.4c0-1.6 17.92-40.8 80-42.08a8.16 8.16 0 0 1 8.16 7.84 8 8 0 0 1-7.84 8.16c-52 1.12-65.76 31.04-66.4 32a8 8 0 0 1-6.56 4.48z"
                                    fill="#7B365D" p-id="16919"></path>
                            </svg>
                        </div>
                        <div class="relative flex h-[50px] w-[50px] items-center justify-center"
                            @click="changeTheme('s_pink')">
                            <input type="radio" name="gender" value="s_pink"
                                class="peer z-10 h-full w-full cursor-pointer opacity-0" />
                            <div
                                class="absolute h-full w-full rounded-full bg-pink-100 p-2 shadow-sm shadow-[#00000050] ring-pink-400 duration-300 peer-checked:scale-110 peer-checked:ring-2">
                            </div>
                            <div
                                class="absolute -z-10 h-full w-full scale-0 rounded-full bg-pink-200 duration-500 peer-checked:scale-[500%]">
                            </div>
                            <svg t="1710916941332" class="icon absolute fill-pink-400" viewBox="0 0 1024 1024"
                                version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8621" width="28" height="28">
                                <path
                                    d="M102.602691 948.082867c39.090853 34.790859 43.63348 75.081398 104.224303 74.933122 81.969476-0.202194 168.144588-45.534104 260.331603-80.10929 110.303604-41.355427 221.779934-73.814315 243.980843-83.735304 260.129409-116.382906 232.725373-429.54108 57.355718-604.964654s-440.230406-186.342054-583.666879 69.217769c-88.96539 146.482863-257.635683 449.288701-82.225588 624.658357z"
                                    fill="#FB9FAB" p-id="8622"></path>
                                <path
                                    d="M407.888776 202.835968c-31.919704 11.619419-60.509945 40.735365-52.260427 63.354141s35.896187 20.44856 67.815891 8.829141 61.69615-28.617201 53.446632-51.222497-37.082392-32.580204-69.002096-20.960785z"
                                    fill="#FFFFFF" fill-opacity=".7" p-id="8623"></path>
                                <path
                                    d="M84.000837 930.721136c59.957281 35.936626 200.657394 96.096101 676.163925-210.645781 122.799198-89.356299 128.891979-229.827258 132.787585-251.92033q3.895606-22.106552 9.044815 174.345206l-108.578215 174.992227-362.250894 139.43303-197.813197 52.408702-109.184798-21.998714q-17.968313-10.352336-40.169221-56.61434z"
                                    fill="#E98894" p-id="8624"></path>
                                <path
                                    d="M383.786181 437.987097a28.698078 38.672986 45 1 0 54.691861-54.69186 28.698078 38.672986 45 1 0-54.691861 54.69186Z"
                                    fill="#D77F8B" p-id="8625"></path>
                                <path
                                    d="M244.034773 600.334367a28.698078 38.672986 45 1 0 54.691861-54.691861 28.698078 38.672986 45 1 0-54.691861 54.691861Z"
                                    fill="#D77F8B" p-id="8626"></path>
                                <path
                                    d="M593.386639 595.206139a28.698078 38.672986 45 1 0 54.691861-54.691861 28.698078 38.672986 45 1 0-54.691861 54.691861Z"
                                    fill="#D77F8B" p-id="8627"></path>
                                <path
                                    d="M401.242568 769.890731a28.698078 38.672986 45 1 0 54.691861-54.69186 28.698078 38.672986 45 1 0-54.691861 54.69186Z"
                                    fill="#D77F8B" p-id="8628"></path>
                                <path
                                    d="M209.103359 764.768944a28.698078 38.672986 45 1 0 54.691861-54.69186 28.698078 38.672986 45 1 0-54.691861 54.69186Z"
                                    fill="#D77F8B" p-id="8629"></path>
                                <path
                                    d="M436.179634 612.681194a28.698078 38.672986 45 1 0 54.69186-54.691861 28.698078 38.672986 45 1 0-54.69186 54.691861Z"
                                    fill="#D77F8B" p-id="8630"></path>
                                <path
                                    d="M218.810362 1024c-41.139753 0-79.529667-10.945439-114.253128-39.481762l-0.943573-0.862695c-193.257091-193.257091 4.677423-559.403591 69.945669-667.038233 64.931255-115.641528 157.711374-185.007573 268.149774-200.226047 115.9246-15.892454 238.332889 30.908733 336.006103 128.554989 104.763487 104.776967 156.916077 256.961702 132.814545 387.592551-13.910952 75.485786-58.851954 178.132975-194.011949 238.589001-9.20657 4.165198-35.640075 12.252961-72.035007 23.53539-47.178616 14.517534-111.678524 34.413431-160.771244 52.678295-17.132577 6.362373-34.009042 12.899982-50.602436 19.316273-75.499265 29.169864-148.383487 57.342238-214.298754 57.342238z m-97.053153-59.31026c78.370421 63.987683 181.974662 23.899339 301.943143-22.457021 16.70123-6.456731 33.699011-13.034778 50.925946-19.43759 49.78018-18.534456 114.738394-38.53819 162.186603-53.163561 32.917194-10.150142 61.35916-18.871446 69.096453-22.376143 124.76722-55.832522 166.190045-150.149316 178.96871-219.447963 22.564858-122.448728-26.730056-265.453853-125.589476-364.326753-91.809587-91.796107-206.23795-136.00921-313.899552-121.114248-101.986688 14.045748-188.107882 78.869166-249.089614 187.474341-63.044111 103.779476-253.605281 454.936655-74.609611 634.835458z"
                                    fill="#520001" p-id="8631"></path>
                                <path
                                    d="M687.61753 110.675911q14.962361-75.485786 27.201842-89.167584c12.239481-13.695278 33.227225-7.265507 37.028474-3.639494s90.582943 52.867009 84.800193 160.285979c0.35047 0 94.451589 8.599988 152.980032 81.578567 2.790278 4.43479-15.568943 44.99492-65.942225 59.687689-0.660501 0.660501 51.384253 98.53591 31.69055 127.921447-0.33699 0-59.000229 41.625019-178.402567-75.593622-1.03793 0-108.982603 42.878622-159.355885 18.04919 0-0.363949-31.003091-48.526577 35.046972-130.064704-0.229153 0.417868-112.231188-81.834679-103.685119-178.739557 4.043881-14.692769 45.951972-10.446694 68.624667-5.068332q17.941354 3.76081 70.013066 34.750421z"
                                    fill="#A0E9B9" p-id="8632"></path>
                                <path
                                    d="M724.646004 18.569773q57.787065 125.360323 38.52471 205.820082c-0.512225-1.590593-52.570458-110.532758-90.434667-135.887893q22.659215 7.022874 51.909957-69.932189z"
                                    fill="#86D89A" p-id="8633"></path>
                                <path
                                    d="M548.575409 72.447752q89.086707 129.673796 176.474983 162.186603c-0.795297 0.68746-75.108357 0.512225-95.341243 42.312479q-20.219407 41.786774-81.13374-147.143364z"
                                    fill="#86D89A" p-id="8634"></path>
                                <path
                                    d="M791.410486 279.265326q55.266379 126.034303 161.539581 163.61544 2.695921 3.963004-32.351051 20.44856l-140.403561-59.31026-0.404388-30.369549q9.55704-20.852948 11.632898-37.675495t-0.013479-56.708696z"
                                    fill="#86D89A" p-id="8635"></path>
                                <path
                                    d="M839.937062 178.154812q-24.842911 45.129716-46.531595 57.962299c-1.051409 0.215674 47.623443 16.337281 77.116818 32.283653s43.539123 47.73128 43.053857 47.246015c27.444475-6.739802 63.772009-29.65513 63.77201-56.708697 0-54.646317-10.783684-35.707473-19.11408-35.707473q-8.411273 0-87.711787-45.116236z"
                                    fill="#86D89A" p-id="8636"></path>
                                <path
                                    d="M659.485596 262.618014q-32.634123 89.747207-20.300285 100.638728c12.333838 10.864561 108.335582 3.855167 124.43023 3.855167q16.175526 0-8.586508 36.907157l-171.945836 25.422535 16.552954-118.876633z"
                                    fill="#86D89A" p-id="8637"></path>
                                <path
                                    d="M924.858571 467.481045c-31.582714 0-82.090792-14.827565-151.038969-80.675434-44.280501 15.488066-119.092307 35.78835-161.876572 14.746688a13.129135 13.129135 0 0 1-5.78275-5.634475c-5.391842-9.813152-27.25576-58.663239 28.307169-133.812035-32.351051-25.92128-105.734018-98.401114-98.401113-182.271213a13.479605 13.479605 0 0 1 0.404388-2.305013c8.262998-30.69306 71.617139-17.348251 84.234049-14.355779 7.278986 1.536675 21.365173 6.173659 57.827504 26.95921 11.91597-55.266379 20.394642-70.498332 26.59526-77.41337a38.403393 38.403393 0 0 1 27.835383-12.670828c10.783684-0.512225 22.470501 3.05987 27.983659 8.289957l1.159246 0.700939c56.614339 39.090853 87.61743 94.76162 87.9679 157.84617 28.994629 5.243566 101.191392 23.966737 149.825805 84.611478 4.825698 7.49466 2.844197 14.679289 1.01097 19.531947-5.553597 14.638851-23.926298 41.031916-59.31026 55.886441 30.6661 66.387053 38.497751 107.068499 24.681156 127.678815a12.899982 12.899982 0 0 1-4.569586 4.178677c-4.717862 2.830717-17.078659 8.707825-36.853239 8.707825z m-147.830823-108.834328a13.142614 13.142614 0 0 1 9.17961 3.74733c81.659445 80.203647 137.303252 85.487652 159.463723 75.297072 2.776799-7.952967 3.801248-33.011552-31.137887-106.771948-3.558616-7.521619-6.631965-14.032268-0.188714-20.650755a13.331329 13.331329 0 0 1 5.715352-3.437299c35.774871-10.419734 51.559488-34.453869 55.711206-43.539123-53.810582-63.556336-139.311713-72.008048-140.187888-72.088925a13.156094 13.156094 0 0 1-11.969889-13.762676c3.194666-59.31026-23.211879-110.12837-76.388919-146.792894a45.641941 45.641941 0 0 1-4.367392-3.302504c-0.363949 0-12.023807-4.043881-18.197466 2.884636-2.318492 2.588084-10.891521 16.175526-24.141972 82.993925a13.075216 13.075216 0 0 1-19.531947 8.707825c-41.557621-24.694636-58.838474-31.677071-66.050063-33.186787-22.578338-5.391842-45.951972-5.836669-53.150081-2.965513-4.569586 84.921509 92.820557 159.153691 97.673215 162.739267a13.088696 13.088696 0 0 1 3.41034 19.464549c-49.456669 61.00869-40.317497 99.924309-35.532237 111.759401 27.174883 10.338857 79.893616 3.221625 142.883808-19.491508a17.671762 17.671762 0 0 1 6.48369-1.604073z"
                                    fill="#520001" p-id="8638"></path>
                            </svg>
                        </div>
                        <div class="relative flex h-[50px] w-[50px] items-center justify-center"
                            @click="changeTheme('s_orange')">
                            <input type="radio" name="gender" value="s_orange"
                                class="peer z-10 h-full w-full cursor-pointer opacity-0" />
                            <div
                                class="absolute h-full w-full rounded-full bg-orange-100 p-2 shadow-sm shadow-[#00000050] ring-orange-400 duration-300 peer-checked:scale-110 peer-checked:ring-2">
                            </div>
                            <div
                                class="absolute -z-10 h-full w-full scale-0 rounded-full bg-orange-200 duration-500 peer-checked:scale-[500%]">
                            </div>
                            <svg t="1710917111087" class="icon absolute fill-orange-400" viewBox="0 0 1024 1024"
                                version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14981" width="35" height="35">
                                <path d="M512 427m-360 0a360 360 0 1 0 720 0 360 360 0 1 0-720 0Z" fill="#F5DCB7"
                                    p-id="14982"></path>
                                <path
                                    d="M317.175 120.97c65.542 42.76 72.268 148.674 72.268 148.674s-99.507 36.713-164.951-6.027-72.268-148.675-72.268-148.675 99.507-36.713 164.951 6.027"
                                    fill="#FFFFFE" p-id="14983"></path>
                                <path
                                    d="M300.547 117.435c65.541 42.761 72.268 148.674 72.268 148.674s-99.508 36.714-164.952-6.027c-65.541-42.761-72.268-148.674-72.268-148.674s99.508-36.714 164.952 6.027"
                                    fill="#9CCB3B" p-id="14984"></path>
                                <path
                                    d="M171.378 96.011c3.452 26.088 17.162 97.703 65.461 129.234 48.496 31.573 119.36 15.147 144.554 7.723-3.452-26.087-17.162-97.703-65.462-129.234-48.593-31.593-119.456-15.168-144.553-7.723z m98.263 169.228c-16.14-3.43-32.052-9.369-46.512-18.78-70.016-45.758-77.696-153.918-77.934-158.57-0.366-5.495 2.992-10.711 8.192-12.57 4.335-1.635 106.196-38.36 176.234 7.3 70.037 45.66 77.598 153.897 77.955 158.47a12.677 12.677 0 0 1-8.213 12.67c-3.525 1.193-68.196 24.558-129.722 11.48z"
                                    fill="#333333" p-id="14985"></path>
                                <path d="M400 541m-303 0a303 303 0 1 0 606 0 303 303 0 1 0-606 0Z" fill="#FFFFFF"
                                    p-id="14986"></path>
                                <path d="M488 559m-303 0a303 303 0 1 0 606 0 303 303 0 1 0-606 0Z" fill="#FEAA2E"
                                    p-id="14987"></path>
                                <path
                                    d="M519 234.4c-10.3-2.3-19.7-3.3-28.2-3.3-14-0.1-25.7 2.8-35 6.7 7-23.5 14.3-56.8 15.1-95 0.2-8.9-6.9-16.2-15.8-16.3-8.9-0.2-16.2 6.9-16.4 15.8-0.7 39.8-9.7 74.1-16.7 95.3-4-2.6-8.7-5-13.9-7 0 0 0-2.7-13.2-4.6-14.8-2.1-32 0-37.8 3.2C211.1 258.5 104 391.4 104 545.8c0 163.3 120.5 298.4 277.4 321 1.8 0.3 3.6 0.4 5.4 0.4 1.3-0.1 2.5-0.2 3.7-0.4 0.3 2.7 1.9 5.1 4.4 6.3 3.5 1.7 7.7 0.7 10-2.4l7.6-10.1c0.9-0.4 1.8-0.8 2.6-1.1l5.6 12.7c1.3 3 4.3 4.9 7.6 4.8 3.3-0.1 6.1-2.1 7.3-5.2l4.8-12.8 15 13.1c2.6 2.3 6.5 2.6 9.5 0.8 2.7-1.6 4.1-4.7 3.8-7.7 2.6 0.4 5.4 0.6 8.2 0.8 2.7 0 5.6-0.2 8.5-0.7C637.2 838.2 752.2 705.5 752.2 546c0-146.8-94.8-280.8-233.2-311.6z m-38.1 605.4c-0.9 0.2-1.9 0.2-2.9 0.2-9.3 1-26.2-9.8-49.8-10.7-23 1.5-37.4 13.7-42.2 12.1-0.3 0-0.6 0-0.8-0.1-144.3-20.8-255.4-145.2-255.3-295.6 0-143.4 100.3-266.4 234.7-291.9 6.2-1.2 11.6-1.7 16.2-1.7 15.9 0.2 22.9 4.9 28.5 9.8 1.2 1 2.2 2.1 3.2 3.2 1.2 4.5 4.3 8.5 8.9 10.6l0.9 0.3c2.2 1.6 5.8 3.2 12.1 4.2 19.5-3.8 17.5-10.3 26.3-14.5 7-4.5 15.8-8.9 31.7-9 6.1 0 13.3 0.7 21.8 2.6 124 27.1 212.6 150.1 212.6 286.2-0.2 147.2-106.3 269.4-245.9 294.3z"
                                    fill="#333333" p-id="14988"></path>
                                <path d="M671.5 574.5m-254.5 0a254.5 254.5 0 1 0 509 0 254.5 254.5 0 1 0-509 0Z"
                                    fill="#FFFFFF" p-id="14989"></path>
                                <path d="M721 637m-240 0a240 240 0 1 0 480 0 240 240 0 1 0-480 0Z" fill="#FEAA2E"
                                    p-id="14990"></path>
                                <path d="M669.5 564.5m-227.5 0a227.5 227.5 0 1 0 455 0 227.5 227.5 0 1 0-455 0Z"
                                    fill="#FFDEAE" p-id="14991"></path>
                                <path
                                    d="M642.5 806C499.7 806 384 690.3 384 547.5S499.7 289 642.5 289 901 404.7 901 547.5 785.3 806 642.5 806z m1-25C771.9 781 876 676.9 876 548.5S771.9 316 643.5 316 411 420.1 411 548.5 515.1 781 643.5 781z"
                                    fill="#333333" p-id="14992"></path>
                                <path
                                    d="M701.5 866C558.7 866 443 750.3 443 607.5S558.7 349 701.5 349c55.2 0 106.3 17.3 148.3 46.8C916.5 442.5 960 519.9 960 607.5 960 750.3 844.3 866 701.5 866z m0.5-27c127.6 0 231-103.4 231-231 0-44.7-12.7-86.5-34.7-121.8C857.5 420.6 784.9 377 702 377 574.4 377 471 480.4 471 608c0 80.6 41.3 151.6 103.9 192.9C611.3 825 655 839 702 839z"
                                    fill="#333333" p-id="14993"></path>
                                <path
                                    d="M643.587 318.578c-91.164 19.377-186.152-63.893-186.152-63.893s52.886-114.805 144.05-134.182c91.163-19.377 186.172 63.99 186.172 63.99S734.75 299.2 643.587 318.579"
                                    fill="#FFFFFE" p-id="14994"></path>
                                <path
                                    d="M470.914 284.432s52.908-114.706 144.07-134.084c91.164-19.377 158.94 43.608 158.94 43.608 15.061 11.214 20.178 33.844 10.625 49.983 0 0-36.299 85.107-127.462 104.484-91.163 19.378-186.173-63.99-186.173-63.99z"
                                    fill="#9CCB3B" p-id="14995"></path>
                                <path
                                    d="M454.143 264.688c25 19.018 96.74 67.46 163.84 53.198 67.101-14.263 113.033-87.718 128.039-115.239-24.903-19.039-96.642-67.482-163.743-53.219-67.394 14.325-113.13 87.739-128.136 115.26z m170.238 82.815c-97.521 20.729-195.21-63.705-199.354-67.323-5.035-4.45-6.573-11.689-3.763-17.705 2.313-4.99 57.194-121.956 154.715-142.685s195.232 63.804 199.277 67.442a15.15 15.15 0 0 1 3.763 17.705c-2.313 4.99-57.214 121.858-154.638 142.566z"
                                    fill="#333333" p-id="14996"></path>
                                <path
                                    d="M703.903 213.235c0.909 3.794 0.35 7.9-1.863 11.438-4.426 7.074-13.774 9.266-20.849 4.84a219.3 219.3 0 0 0-27.675-14.769c-7.67-3.379-11.015-12.38-7.636-20.05 3.4-7.572 12.38-11.015 20.05-7.636a268.925 268.925 0 0 1 31.27 16.765c3.537 2.213 5.892 5.598 6.703 9.412"
                                    fill="#FFFFFF" p-id="14997"></path>
                                <path
                                    d="M614.59 753.37c4.69 13.022 100.75 0.18 105.543-14.085 4.914-14.337-42.003-146.101-51.606-144.785-9.385 1.267-58.529 145.873-53.937 158.87zM500.236 639.936c-12.833-4.333-3.655-103.56 10.093-109.099 13.748-5.538 143.314 38.206 142.423 47.98-0.915 9.872-139.683 65.452-152.516 61.119zM727.169 397.33c-4.69-13.022-100.75-0.18-105.543 14.085-4.914 14.337 42.003 146.101 51.606 144.785 9.482-1.243 58.626-145.85 53.937-158.87z m115.738 114.912c12.832 4.334 3.655 103.56-9.972 109.027-13.749 5.538-143.315-38.206-142.424-47.98 0.795-9.8 139.563-65.38 152.396-61.047zM823.66 646.474c5.393 12.681-66.01 88.664-78.431 83.506-12.446-5.061-67.049-132.867-59.923-140.366 7.005-7.426 132.962 44.179 138.354 56.86zM597.427 421.665c-12.445-5.061-83.848 70.922-78.431 83.506 5.416 12.584 131.35 64.286 138.378 56.763 7.102-7.402-47.429-135.087-59.947-140.269z m234.035 57.115c6.71-13.683-57.627-77.648-70.695-70.29-13.068 7.356-81.036 146.033-74.678 152.359 6.262 6.302 138.566-68.41 145.373-82.07zM580.728 745.752c-13.068 7.357-77.43-56.51-70.695-70.29 6.71-13.684 139.014-88.396 145.372-82.07 6.334 6.423-61.61 145.003-74.677 152.36z"
                                    fill="#FFA82D" p-id="14998"></path>
                                <path
                                    d="M721.515 393.55c-21.565-6.099-95.628 5.323-99.889 17.865-4.914 14.337 42.027 146.004 51.606 144.785 9.482-1.243 58.626-145.85 54.034-158.846-0.608-1.698-2.67-2.933-5.75-3.804z m46.286 15.25c-3.033-1.065-5.458-1.258-7.034-0.31-13.068 7.356-81.036 146.033-74.678 152.359 6.359 6.326 138.663-68.386 145.373-82.07 5.886-12.033-42.653-62.474-63.661-69.979z m-56.27-1.25c-0.87 4.318-1.982 9.606-3.7 16.083-3.92 14.894-9.923 34.01-16.24 52.737-6.32 18.728-13.147 37.02-18.863 50.435-5.149-11.59-11.052-26.356-16.785-42.215-6.075-16.973-11.688-34.554-15.383-48.254-1.897-6.863-3.283-12.877-3.892-17.048-0.097-0.437 0.048-0.607 0.024-0.922 1.285-0.607 2.133-1.117 4.17-1.846 6.644-2.26 16.417-4.667 26.724-6.323 10.33-1.752 21.244-2.948 30.509-3.317 6.354-0.271 9.725 0.26 13.436 0.67z m54.243 17.647c5.822 3.1 21.11 14.126 33.147 27.021 6.601 7.006 12.233 14.181 15.462 19.418 0.655 1.09 0.777 1.43 1.166 2.352-0.728 0.849 0.024-0.097-1.116 0.752-3.709 2.889-9.212 6.773-15.733 11.021-13.043 8.497-30.16 18.864-47.3 28.504-15.47 8.717-30.259 16.366-42.576 22.364 5.4-12.979 12.52-28.724 20.538-45.173 8.793-17.904 18.24-35.955 26.09-49.663 3.973-6.842 7.486-12.665 10.225-16.62-0.025 0.097 0.072 0.12 0.097 0.024z m-168.347-3.532c-12.445-5.061-83.848 70.922-78.431 83.506 5.416 12.584 131.35 64.286 138.378 56.763 7.102-7.402-47.429-135.087-59.947-140.269z m-4.524 17.732c2.088 3.2 4.395 7.177 7.139 12.292 6.434 12.22 14.182 28.683 21.201 45.171 7.02 16.488 13.506 33.05 17.613 45.513 0.316 0.8 0.34 1.116 0.56 1.892l-1.36-0.34c-12.25-3.775-28.576-9.804-44.733-16.512-16.182-6.61-32.388-13.95-44.543-20.175-5.289-2.761-9.438-5.136-12.64-7.17 1.066-1.796 1.72-3.18 3.343-5.557 5.476-7.91 13.983-18.053 22.975-27.664 8.968-9.513 18.566-18.662 26.009-24.536 1.793-1.408 2.86-1.967 4.436-2.914z m250.004 72.845c-12.833-4.333-151.601 51.247-152.493 61.022-0.89 9.775 128.675 53.519 142.423 47.98 13.725-5.441 22.902-104.668 10.07-109.002z m-9.498 16.184c0.122 1.164 0.317 1.624 0.487 3.007 0.612 8.706 0.305 21.1-0.827 33.494-1.132 12.395-3.113 24.887-5.46 33.886-0.847 3.396-1.719 5.652-2.518 7.617-0.097-0.024-0.218 0.049-0.315 0.025-4.075-0.604-9.872-1.74-16.567-3.41-13.488-3.362-30.662-8.469-47.4-14.085-15.963-5.423-31.125-11.161-42.576-16.078 0.364-0.218 0.582-0.267 0.946-0.485 12.802-6.29 30.478-13.941 48.348-21.131 17.967-7.167 36.347-13.92 50.581-18.514 6.28-2.04 11.227-3.28 15.301-4.326z m-294.968 6.225c-14.069-3.508-24.79-5.15-28.209-3.838-13.651 5.563-22.829 104.79-9.996 109.123 12.833 4.333 151.6-51.247 152.492-61.021 0.626-7.471-72.055-33.837-114.287-44.264z m-3.604 14.458c20.182 5.032 48.734 14.109 71.538 22.68 7.35 2.76 12.421 5.158 18.098 7.604-0.34 0.122-0.364 0.219-0.703 0.34-12.802 6.29-30.454 13.844-48.349 21.131-17.967 7.167-36.347 13.92-50.58 18.514-6.16 1.968-11.034 3.33-15.205 4.35-0.122-1.163-0.316-1.624-0.487-3.006-0.612-8.707-0.304-21.1 0.828-33.495 1.132-12.394 3.113-24.886 5.46-33.886 0.846-3.396 1.718-5.652 2.517-7.617 0.097 0.024 0.218-0.049 0.315-0.025 4.003 0.483 9.873 1.74 16.568 3.41z m165.363 41.95c-8.126-2.128-13.632-2.78-14.917-1.348-7.029 7.523 47.501 135.208 59.922 140.366 12.446 5.061 83.849-70.922 78.432-83.506-4.42-10.378-88.385-46.463-123.437-55.511z m-31.576 3.465c-9.482 1.243-58.626 145.85-54.058 158.943 4.69 13.022 100.75 0.18 105.543-14.085 4.914-14.337-42.003-146.101-51.485-144.858z m-14.19-1.374c-13.582-1.325-137.91 69.089-144.426 82.408-6.71 13.684 57.627 77.648 70.695 70.29 13.068-7.356 81.036-146.033 74.678-152.359-0.243-0.266-0.534-0.339-0.946-0.339z m48.905 14.255l1.358 0.338c18.267 5.688 45.777 16.464 68.582 26.684 11.402 5.11 21.665 10.246 28.992 14.34 1.99 1.115 2.936 1.866 4.368 2.738-1.067 1.796-1.72 3.178-3.32 5.46-5.476 7.91-13.983 18.053-22.975 27.663-8.967 9.513-18.566 18.663-26.008 24.537-1.94 1.577-3.006 2.136-4.582 3.083-2.088-3.2-4.395-7.176-7.139-12.292-6.434-12.22-14.182-28.683-21.201-45.171-7.02-16.488-13.506-33.05-17.613-45.513-0.122-0.752-0.146-1.067-0.462-1.867z m-34.187 16.417c5.149 11.59 11.052 26.356 16.762 42.312 6.074 16.973 11.687 34.554 15.383 48.255 1.896 6.862 3.282 12.876 3.89 17.047 0.098 0.437-0.023 0.51-0.023 0.922a56.382 56.382 0 0 1-7.201 2.842c-8.584 2.6-20.637 5.058-32.593 6.715s-23.985 2.368-32.353 2.033c-1.334-0.023-1.698-0.217-2.813-0.289 0.894-4.415 2.03-9.8 3.797-16.47 3.92-14.895 9.922-34.01 16.24-52.738 6.44-18.8 13.292-37.19 18.91-50.63z m-36.554-6.332c-5.4 12.98-12.521 28.725-20.539 45.174-8.793 17.904-18.24 35.955-26.09 49.663-3.973 6.842-7.486 12.665-10.224 16.62-0.17 0.267-0.388 0.316-0.557 0.583-1.262-0.727-2.135-0.945-3.81-2.084-6.55-4.313-15.141-11.608-23.077-19.46-7.936-7.854-15.266-16.483-19.708-23.053-1.433-2.11-1.967-3.273-2.647-4.68 0.727-0.849-0.024 0.097 1.115-0.752 3.71-2.889 9.212-6.773 15.734-11.021 13.043-8.497 30.16-18.864 47.3-28.504 15.396-8.838 30.186-16.487 42.503-22.486z"
                                    fill="#FFEDD1" p-id="14999"></path>
                                <path
                                    d="M242.6 161.4c-0.4 0.3-0.9 0.7-1.3 0.9-7.4 4.6-17.1 2.4-21.7-5-3.4-5.4-7.1-10.6-10.9-15.4-5.5-6.8-4.4-16.7 2.4-22.2 7.2-5.5 16.7-4.3 22.1 2.4 4.6 5.7 9 11.9 13 18.4 4.3 7.1 2.7 16-3.6 20.9M224.3 625.6c0.7-4.9 4.2-9.2 9.3-10.5 6.8-1.8 13.8 2.2 15.7 9 17.5 64.5 57.1 119.2 108.7 150.3 6 3.6 8 11.5 4.4 17.5-3.6 6-11.5 8-17.5 4.4-57.2-34.4-101-94.7-120.2-165.4-0.5-1.9-0.6-3.6-0.4-5.3"
                                    fill="#FFFFFF" p-id="15000"></path>
                                <path
                                    d="M120.9 260.6c-4.2 1.4-8 3.7-11.2 6.4 4.2 1.3 7.8 4.6 9.3 9.1 2.4 7.3-1.6 15.4-8.9 17.8-3.8 1.3-7.7 0.8-11-0.9 0.1 2.6 0.7 5.4 1.5 8 5.5 16.7 23.6 25.9 40.4 20.4s25.9-23.6 20.4-40.4c-5.6-16.7-23.8-25.9-40.5-20.4z"
                                    fill="#FFDDAB" p-id="15001"></path>
                                <path
                                    d="M138.4 282.4c1.1 3.2 1.5 6.8 1 10.5-1.4 10.3-10 18.6-20.4 19.6-14.4 1.5-26.5-10.6-25-25 1-10.3 9.1-18.8 19.3-20.4 3.7-0.6 7.3-0.2 10.5 0.8 2.4 0.8 4.9 0.3 6.8-1.4l0.2-0.2c3.8-3.4 2.5-9.7-2.4-11.4-4.5-1.5-9.2-2.2-14.2-1.8-18.2 1.3-32.9 16.1-34.1 34.3-1.5 23.3 18.7 42.2 42.3 38.6 15.5-2.3 28-14.6 30.5-30 1-6.2 0.5-12.3-1.4-17.7-1.6-4.8-7.5-6.4-11.2-3-1.9 1.8-2.7 4.6-1.9 7.1z"
                                    fill="#FEAA2E" p-id="15002"></path>
                                <path
                                    d="M915.2 355c-14 0-25.2 11.2-25.2 25.2s11.2 25.2 25.2 25.2 25.2-11.2 25.2-25.2-11.3-25.2-25.2-25.2z m0 34.4c-5 0-9.2-4.1-9.2-9.2 0-5 4.1-9.2 9.2-9.2 5 0 9.2 4.1 9.2 9.2s-4.1 9.2-9.2 9.2z"
                                    fill="#9CCB3B" p-id="15003"></path>
                                <path
                                    d="M829 181.5c0 3 2.5 5.5 5.5 5.5s5.5-2.5 5.5-5.5-2.5-5.5-5.5-5.5-5.5 2.5-5.5 5.5zM870 178.5c0 3 2.5 5.5 5.5 5.5s5.5-2.5 5.5-5.5-2.5-5.5-5.5-5.5-5.5 2.5-5.5 5.5zM848 163.5c0 3 2.5 5.5 5.5 5.5s5.5-2.5 5.5-5.5-2.5-5.5-5.5-5.5-5.5 2.5-5.5 5.5zM850 200.5c0 3 2.5 5.5 5.5 5.5s5.5-2.5 5.5-5.5-2.5-5.5-5.5-5.5-5.5 2.5-5.5 5.5zM829.9 151.3l17 17c1.8 1.8 1.8 4.7 0 6.5s-4.7 1.8-6.5 0l-17-17c-1.8-1.8-1.8-4.7 0-6.5s4.8-1.8 6.5 0z m-6.4 54.4l17-17c1.8-1.8 4.7-1.8 6.5 0 1.8 1.8 1.8 4.7 0 6.5l-17 17c-1.8 1.8-4.7 1.8-6.5 0-1.7-1.8-1.7-4.7 0-6.5z m56.3 5.5l-17-17c-1.8-1.8-1.8-4.7 0-6.5 1.8-1.8 4.7-1.8 6.5 0l17 17c1.8 1.8 1.8 4.7 0 6.5-1.8 1.8-4.7 1.8-6.5 0z m4.6-55.3l-17 17c-1.8 1.8-4.7 1.8-6.5 0-1.8-1.8-1.8-4.7 0-6.5l17-17c1.8-1.8 4.7-1.8 6.5 0s1.8 4.7 0 6.5z"
                                    fill="#FCDDCC" p-id="15004"></path>
                                <path
                                    d="M165.4 832.9l-8.1-8.1c-1.8-1.8-1.8-4.7 0-6.5 1.8-1.8 4.7-1.8 6.5 0l8.1 8.1c1.8 1.8 1.8 4.7 0 6.5-1.8 1.7-4.6 1.7-6.5 0z m-1.3 13.9h-11.5c-2.5 0-4.6-2.1-4.6-4.6 0-2.5 2.1-4.6 4.6-4.6h11.5c2.5 0 4.6 2.1 4.6 4.6-0.1 2.5-2.1 4.6-4.6 4.6z m8.8 10.7l-8.1 8.1c-1.8 1.8-4.7 1.8-6.5 0-1.8-1.8-1.8-4.7 0-6.5l8.1-8.1c1.8-1.8 4.7-1.8 6.5 0 1.7 1.8 1.7 4.8 0 6.5z m13.9 1.5v11.5c0 2.5-2.1 4.6-4.6 4.6-2.5 0-4.6-2.1-4.6-4.6V859c0-2.5 2.1-4.6 4.6-4.6 2.5 0 4.6 2.1 4.6 4.6z m10.7-8.8l8.1 8.1c1.8 1.8 1.8 4.7 0 6.5-1.8 1.8-4.7 1.8-6.5 0l-8.1-8.1c-1.8-1.8-1.8-4.7 0-6.5 1.8-1.8 4.8-1.8 6.5 0z m1.5-13.9h11.5c2.5 0 4.6 2.1 4.6 4.6 0 2.5-2.1 4.6-4.6 4.6H199c-2.5 0-4.6-2.1-4.6-4.6 0-2.5 2.1-4.6 4.6-4.6z m-8.8-10.9l8.1-8.1c1.8-1.8 4.7-1.8 6.5 0 1.8 1.8 1.8 4.7 0 6.5l-8.1 8.1c-1.8 1.8-4.7 1.8-6.5 0s-1.8-4.6 0-6.5z m-13.9-1.3v-11.5c0-2.5 2.1-4.6 4.6-4.6 2.5 0 4.6 2.1 4.6 4.6v11.5c0 2.5-2.1 4.6-4.6 4.6-2.5-0.1-4.6-2.1-4.6-4.6z"
                                    fill="#7BD721" p-id="15005"></path>
                                <path
                                    d="M695 774v-2c0-6.6 5.4-12 12-12s12 5.4 12 12v72c0-6.6-5.4-12-12-12s-12 5.4-12 12v39c0 7.7-6.3 14-14 14s-14-6.3-14-14V774c0-7.7 6.3-14 14-14s14 6.3 14 14z"
                                    fill="#FFDEAE" p-id="15006"></path>
                                <path
                                    d="M732 735c7.7 0 14 6.3 14 14v98c0 7.7-6.3 14-14 14s-14-6.3-14-14v-98c0-7.7 6.3-14 14-14z"
                                    fill="#FFDEAE" p-id="15007"></path>
                                <path d="M734 895m-14 0a14 14 0 1 0 28 0 14 14 0 1 0-28 0Z" fill="#FFDEAE" p-id="15008">
                                </path>
                            </svg>
                        </div>
                    </div>
                </div>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script setup lang='ts'>
import { ref, onMounted } from 'vue'
import { useTheme } from "@renderer/utils/useTheme"
const { switchTheme } = useTheme()
const activeName = ref('theme')
onMounted(() => {
    getInput()
})
// 切换主题
const changeTheme = (themeName: string) => {
    switchTheme(themeName)
}
// 主题持久化存储
const getInput = () => {
    const inputs = document.getElementsByTagName('input')
    const theme = localStorage.getItem("_theme_" || "s_green") as string
    for (let i = 0; i < inputs.length; i++) {
        if (inputs[i].value == theme) {
            inputs[i].checked = true
        }
    }
}
</script>
<style scoped lang='less'></style>